<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta content="telephone=no" name="format-detection" />
<title>title</title>
<link rel="stylesheet" type="text/css" href="../css/base.css"/>
<link rel="stylesheet" type="text/css" href="../css/cbs.css"/>
</head>
<body style="background: #fff;">
	<div class="maintenance-record" id="app">
		<div class="maintenance-record-hd flex flex-align">
			<img :src="detailInfo[0].brandSrc" alt="" />
			<div class="txt">
				<h1>{{detailInfo[0].brand}}</h1>
				<p>VIN:{{detailInfo[0].vin}}</p>
				<p>查询时间：{{detailInfo[0].date2}}</p>
			</div>
		</div>
		<ul>
			<li v-for="item in detailInfo">
				<div class="list-con-tit">
					<p class="fl">时间</p>
					<span class="date fl">{{item.date}}</span>
					<span class="mileage fr">{{item.mileage}}公里</span>
				</div>
				<div class="list-con">
					<div class="flex txt-w">
						<p class="shrink">项目</p>
						<span class="flex1">{{item.type}}</span>
					</div>
					<div class="flex txt-w">
						<p class="shrink">材料</p>
						<span class="flex1">{{item.materal}}</span>
					</div>
				</div>
			</li>
		</ul>
	</div>
</body>
<script type="text/javascript" src="../js/api.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/key.js"></script>
<script type="text/javascript">
	connectedBridge.sendParam();
	var vm=new Vue({
		el:'#app',
		data:{
			detailInfo:'',
		},
		methods:{
			
		}
	});
	vm.init=function(data){
        vm.detailInfo=data;
        
	};
</script>
</html>
